<template>
  <div class="order_catch_top">
    <router-link class="powertopli" to="/order_catch/order_catchjd">京东抓单</router-link>
    <router-link class="powertopli" to="/order_catch/order_catchpdd2">拼多多（自研应用）</router-link>
    <router-link class="powertopli" to="/order_catch/order_catchyz">有赞抓单</router-link>
    <!-- <router-link class="powertopli" to="/order_catch/order_catchtm">天猫抓单</router-link> -->
    <router-link class="powertopli" to="/order_catch/order_catchtm2">新版天猫抓单</router-link>
    <router-link class="powertopli" to="/order_catch/order_kuaishou">快手抓单</router-link>
    <router-link class="powertopli" to="/order_catch/order_douyin">抖音抓单</router-link>
    <router-link class="powertopli" to="/order_catch/order_catchxhs">小红书抓单</router-link>

    <router-link class="powertopli" to="/order_catch/order_zhibo">直播抓单</router-link>
  </div>
</template>

<script>
  export default {
    name: 'order_catch_top',
    data() {
      return {

      }
    },
    created() {

    }
  }
</script>

<style lang="scss" scoped>
  .order_catch_top { display: flex;
    .powertopli {
      width: 160px;
      line-height: 45px;
      border-top: 4px #F9F9F9 solid;
      color: #727272;
      font-size: 14px;
      text-align: center;
      display: block;
    }

    .router-link-active {
      background: #FFFFFF;
      border-top: 4px #DD2727 solid !important;
    }
  }
</style>
